<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>About</title>
    <script>
      (function (doc, win) {
        var docEl = doc.documentElement,
          isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
          dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,
          dpr = window.top === window.self ? dpr : 1, //被iframe引用时，禁止缩放
          dpr = 1,
          scale = 1 / dpr,
          resizeEvt =
            "orientationchange" in window ? "orientationchange" : "resize";
        docEl.dataset.dpr = dpr;
        var metaEl = doc.createElement("meta");
        metaEl.name = "viewport";
        metaEl.content =
          "initial-scale=" +
          scale +
          ",maximum-scale=" +
          scale +
          ", minimum-scale=" +
          scale;
        docEl.firstElementChild.appendChild(metaEl);
        var recalc = function () {
          var width = docEl.clientWidth;
          if (width / dpr > 750) {
            width = 750 * dpr;
          }
          // 乘以100，px : rem = 100 : 1
          docEl.style.fontSize = 100 * (width / 750) + "px";
        };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
      })(document, window);
    </script>
  </head>
  <body>
    <header>
      <div class="header">
        <a class="logo" href="./index.html"
          ><div class="logo">Brandlogo</div></a
        >
        <div class="header_right">
          <nav>
            <a href="./index.html">Home</a>
            <a class="active" href="./about.html">About</a>
            <a href="./introduction.html">Introduction</a>
            <a href="./projects.html">Projects</a>
            <a href="./questions.html">Questions</a>
            <a href="./contact.html">Contact</a>
          </nav>
          <div class="header_Contact_right">
            Contact: <span>(291)292-0199</span>
          </div>
        </div>
        <div class="shrink-icon">
          <img src="./images/common/shrink-icon.png" alt="" />
        </div>
        <div class="mobile-model-menu mobile-menu" style="display: none">
          <div class="mobile-nav">
            <a class="active" href="./index.html">Home</a>
            <a href="./about.html">About</a>
            <a href="./introduction.html">Introduction</a>
            <a href="./projects.html">Projects</a>
            <a href="./questions.html">Questions</a>
            <a href="./contact.html">Contact</a>
          </div>
        </div>
      </div>
      <div class="header_placeholder"></div>
    </header>
    <section>about</section>
    <footer>
      <div class="footer-top">
        <div class="_left">
          <div class="logo">Brandlogo</div>
          <div>
            Generally speaking, a coating is a material <br />
            that can be applied to the surface of the<br />
            object being coated and form.
          </div>
        </div>
        <div class="_right">
          <div class="_tr">
            <div class="_tit">About</div>
            <div class="_des">Home</div>
            <div class="_des">About</div>
            <div class="_des">Introduction</div>
            <div class="_des">Projects</div>
            <div class="_des">FAQ</div>
            <div class="_des">Contact</div>
          </div>
          <div class="_tr">
            <div class="_tit">Certifications</div>
            <div class="_des">Licensed</div>
            <div class="_des">Insured</div>
            <div class="_des">Bonded</div>
          </div>
          <div class="_tr">
            <div class="_tit">Contact Information</div>
            <div class="_h5">BRAND</div>
            <div class="_des _des2">
              Btownsburg,IN 39220 <br />
              Phone:(292)0123-456-324-54<br />
              Email:hello@entrada.com
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div>©2009-2020 ALL RIGHT RESERVED</div>
        <div class="img-icon">
          <img src="./images/common/twi@2x.png" alt="" />
          <img src="./images/common/face@2x.png" alt="" />
          <img src="./images/common/google@2x.png" alt="" />
        </div>
      </div>
    </footer>
  </body>
  <script src="./js/jquery.js"></script>
  <script src="./js/index.js"></script>
</html>
